<script setup lang="ts">

</script>

<template>
  <div class="w3l-error-block">

    <div class="page">
      <div class="content">
        <div class="logo">
<!--          <a class="brand-logo" href="index.html">Fog Error</a>-->
<!--          if logo is image enable this-->
<!--      <a class="brand-logo" href="#index.html">-->
<!--          <img src="../../public/logo1.png" alt="Your logo" title="Your logo" style="height:35px;" />-->
<!--      </a>-->


        </div>
        <div class="w3l-error-grid">
          <h1>404</h1>
          <h2>页面不存在</h2>
          <p>尝试寻找正确的页面，但是未能找到</p>
          <RouterLink to="/" class="home">回到首页</RouterLink>
        </div>

<!--        <div class="copy-right text-center">-->
<!--          <p>© 2020 Fog error. All rights reserved | Design by-->
<!--            <a href="http://w3layouts.com/" target="_blank">W3layouts</a></p>-->
<!--        </div>-->
      </div>
      <img src="../assets/images/b11.png" class="img-responsive" alt="error image" />
    </div>


  </div>
</template>

<style scoped>
@import "../assets/css/error.css";
</style>